import React from 'react'

export default class Count extends React.Component {
  constructor() {
    super()
    this.state = {
      //状态对象里面的属性就可以随便写
      count: 1,
    }
    // 2. 写在构造器中,函数是箭头函数
    this.handle = () => {
      this.setState({
        count: this.state.count + 1,
      })
    }
  }
  // 1. 写在类的结构体里面
  // handle是添加到了原型上
  // handle() {
  //   // console.log('handle触发了')
  //   this.setState({
  //     count: this.state.count + 1,
  //   })
  // }
  render() {
    return (
      <div>
        <p id="c">{this.state.count}</p>
        <button onClick={this.handle}>+</button>
      </div>
    )
  }
}
